@import url("960_custom.css");

@charset "utf-8";
/* CSS Document */

/*===============================
	@font-face
=================================*/

@font-face {
    font-family: 'cartoonregular';
    src: url('../fonts/cartoon-webfont.eot');
    src: url('../fonts/cartoon-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/cartoon-webfont.woff') format('woff'),
         url('../fonts/cartoon-webfont.ttf') format('truetype'),
         url('../fonts/cartoon-webfont.svg#cartoonregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'cartoondemibold';
    src: url('../fonts/cartoon-demibold-webfont.eot');
    src: url('../fonts/cartoon-demibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/cartoon-demibold-webfont.woff') format('woff'),
         url('../fonts/cartoon-demibold-webfont.ttf') format('truetype'),
         url('../fonts/cartoon-demibold-webfont.svg#cartoondemiboldregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ubuntubold';
    src: url('../fonts/ubuntu-bold-webfont.eot');
    src: url('../fonts/ubuntu-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/ubuntu-bold-webfont.woff') format('woff'),
         url('../fonts/ubuntu-bold-webfont.ttf') format('truetype'),
         url('../fonts/ubuntu-bold-webfont.svg#ubuntubold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ubuntubold_italic';
    src: url('../fonts/ubuntu-bolditalic-webfont.eot');
    src: url('../fonts/ubuntu-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/ubuntu-bolditalic-webfont.woff') format('woff'),
         url('../fonts/ubuntu-bolditalic-webfont.ttf') format('truetype'),
         url('../fonts/ubuntu-bolditalic-webfont.svg#ubuntubold_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ubuntuitalic';
    src: url('../fonts/ubuntu-italic-webfont.eot');
    src: url('../fonts/ubuntu-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/ubuntu-italic-webfont.woff') format('woff'),
         url('../fonts/ubuntu-italic-webfont.ttf') format('truetype'),
         url('../fonts/ubuntu-italic-webfont.svg#ubuntuitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ubunturegular';
    src: url('../fonts/ubuntu-regular-webfont.eot');
    src: url('../fonts/ubuntu-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/ubuntu-regular-webfont.woff') format('woff'),
         url('../fonts/ubuntu-regular-webfont.ttf') format('truetype'),
         url('../fonts/ubuntu-regular-webfont.svg#ubunturegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*===============================
	reset
=================================*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	font-family:inherit;
	vertical-align:baseline;
}
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section { display:block; }
html, body { height:100%; }
body { line-height:1.3; }
img { color:transparent; font-size:0; vertical-align:middle; -ms-interpolation-mode:bicubic; }
ol, ul { list-style:none inside; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none; }
table { border-collapse:collapse; border-spacing:0; }

/*===============================
	frame
=================================*/

.f-right { float:right; }
.f-left { float:left; }
.zindex { position:relative; z-index: 1; }
.center { text-align:center; }
.transition { -moz-transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out; }

.spacer-10, .spacer-20, .spacer-40, .spacer-60, .spacer-80, .spacer-100 {
	display: block;
	clear: both;
}
.spacer-10 { height:10px; }
.spacer-20 { height:20px; }
.spacer-40 { height:40px; }
.spacer-60 { height:60px; }
.spacer-80 { height:80px; }
.spacer-100 { height:100px; }

.clear { clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0; }
.clearfix:before,
.clearfix:after {
  content:'.';
  display:block;
  overflow:hidden;
  visibility:hidden;
  font-size:0;
  line-height:0;
  width:0;
  height:0;
}
.clearfix:after { clear:both; }
.clearfix { zoom: 1; }
a { color:#008FB5;}
a:hover {color:#004B7D;}

/*===============================
	html
=================================*/

body { font-family:"ubunturegular", sans-serif; color:#333; background:#F0F0F0 url(../img/background.png); }
h1, h2, h3, h4, h5, h6 { font-family:"cartoondemibold", sans-serif; font-weight:normal; }
strong, b { font-family:"ubuntubold", sans-serif; font-weight:normal; }
em, i { font-family:"ubuntuitalic", sans-serif; font-style:normal; }
p { font-size:14px; }
a { text-decoration:none; cursor:pointer; }
h1, h2, h3, h4, h5, h6, p, blockquote { margin-top:10px; }
h1:first-child, h2:first-child, h3:first-child, h4:first-child,
h5:first-child, h6:first-child, p:first-child, blockquote:first-child { margin-top:0; }

/*===============================
	header
=================================*/

#border_left, #border_right { position:fixed; top:0; left:0; width:70%; height:4px; background-color:#004B7D; z-index:1; }
#border_right { left:auto; right:0; width:30%; background-color:#ED4B01; }
#header { margin-top:4px; }
#header a.logo { float:left; }
#header a.intranet {
	float:right;
	clear:right;
	padding:0 20px;
	margin:26px 0;
	background-color:#ED4B01;
	font-size:14px;
	font-family:"cartoondemibold", sans-serif;
	line-height:30px;
	color:#FFF;
	-moz-transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out;
}
#header a.intranet:hover { background-color:#D51F00; }
#header a.intranet span { float:left; width:10px; height:13px; margin:8px 5px; background:url(../img/icons.png) -74px 0; }

#top_menu { float:right; position:relative; padding:0 10px; background-color:#0085B2; font-size:11px; line-height:30px; }
#top_menu:after { content:""; position:absolute; top:0; right:100%; width:21px; height:100%; background:url(../img/top_menu.png); }
#top_menu li { float:left; }
#top_menu li.n2, #top_menu li.n3, #top_menu li.n4, #top_menu li.n6 { margin-left:20px; }
#top_menu li a { display:block; color:#FFF; }
#top_menu li span { float:left; margin:4px 5px 0 0; background:url(../img/icons.png); }
#top_menu li.n1 a { color:#004B7D; }
#top_menu li.n1 span { width:17px; height:17px; background-position:0 0; }
#top_menu li.n2 span { width:14px; height:17px; background-position:-17px 0; }
#top_menu li.n3 span { width:17px; height:18px; background-position:-84px 0; }
#top_menu li.n6 span { width:21px; height:18px; background-position:-101px 0; }
#top_menu li.n4 span { width:21px; height:21px; background-position:-31px 0; }
#top_menu li.n5 span { width:21px; height:21px; background-position:-53px 0; }


#nav { float:right; clear:right; font-family:"cartoondemibold", sans-serif; }
#nav li { float:left; margin-left:4px; }
#nav li a {
	display:block;
	padding:0 20px;
	background-color:#008FB5;
	line-height:30px;
	color:#FFF;
	-moz-transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out;
}
#nav li a:hover { background-color:#004B7D; }
#nav li a.active { position:relative; background-color:#58595A; }
#nav li a.active:after { content:""; position:absolute; top:100%; left:0; width:100%; height:4px; background-color:#58595A; }

/*===============================
	content
=================================*/

#content { position:relative; }
#content a.details {
	display:block;
	padding:0 60px 0 30px;
	margin-top:10px;
	background:#FFF url(../img/bg_details.png) no-repeat 90% center;
	font-family:"cartoondemibold", sans-serif;
	line-height:30px;
	color:#008FB5;
	-moz-transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out;
}
#content a.details:hover { background-color:#008FB5; color:#FFF; }
#content div.heading { position:absolute; top:40px; right:40px; }
#content div.heading h1 { font-size:45px; font-family:"cartoondemibold", sans-serif; line-height:1.1; color:#FFF; text-align:right; text-shadow:0 0 10px #000; }
#content div.heading h1 span { color:#FFFF26; }
#content div.item img { display:block; width:100%; }
#content div.info {
	position:absolute;
	bottom:40px;
	right:40px;
	width:400px;
	padding:10px;
	background-color:#000;
	background-color:rgba(0,0,0,0.5);
	color:#FFF;
	text-align:right;
}
#content a.prev, #content a.next { position:absolute; top:285px; left:-26px; width:19px; height:37px; background:url(../img/slider_arrows.png); }
#content a.next { left:auto; right:-26px; background-position:0 -19px; }

/* interiores */

#content div.photo { position:relative; height:326px; border-top:solid 10px #58595A; overflow:hidden; }
#content div.photo img { display:block; width:100%; }
#main { padding:40px 80px; background-color:#FFF; }
#main p { text-align:justify; }

.lead {margin-bottom:5px; display:inline; float:left;}

#main blockquote { font-size:32px; font-family:"cartoonregular", sans-serif; line-height:1.1; text-align:right; }
#main blockquote strong { font-size:40px; font-family:"cartoondemibold", sans-serif; }
#main blockquote:before { content:url("../img/quotes.png"); }
#main blockquote:after { /*content:url("../img/quotes3.png"); */}
/*#main blockquote:after { content:url("../img/quotes2.png"); }*/


ul.lista-texto li {
	background: url(../img/bullet.png) transparent no-repeat ;
	padding-left:20px;
	display:block;
	margin-top:10px;
	color:#333;
	font-size:14px;
}


/* servicios*/
#main div.scrollable_wrapper { position:relative; /*padding:0 40px;*/ background:#FFF !important; }


#main div.subitem { float:left; position:relative; width:23%; margin-left:2%; cursor:pointer; }
#main div.subitem:first-child { margin-left:0; }
#main div.subitem img,
#main div.subitem.current img:first-child { display:none; width:100%; padding:5px; border:1px solid #ccc; background:#ccc; }
#main div.subitem.current img,
#main div.subitem img:first-child { display:block; }
#main div.detail { display:none; }
#main div.detail p { padding:0; }
/*#main div.detail > img { border: 1px solid #CCCCCC;
    float: left;
    margin-left: 39px;
    margin-right: 20px;
    padding: 5px;
    width: 25%; }
#main div.detail h3 { color:#FE7A18; }*/




/* section */

#section { margin-top:10px; }
#section div.link { position:relative; }
#section div.link.n1 { background:url(../photos/link_01.jpg); }
#section div.link.n2 { background:url(../photos/link_02.jpg); }
#section div.link.n3 { background:url(../photos/link_03.jpg); }

#section div.link a { display:block; }
#section div.link img { display:block; visibility:hidden; }
#section div.link h3 { position:absolute; bottom:10px; right:10px; font-size:24px; font-family:"cartoondemibold", sans-serif; color:#FFF; text-shadow:0 0 10px #000; }
#section div.link h3 span { color:#FFFF26; }

/*===============================
	footer
=================================*/

#footer { margin-top:10px; }
#footer div.wrapper {
	padding:15px 30px;
	border-bottom:solid 30px #A1A1A1;
	background:#a1a1a1;
	background:-moz-linear-gradient(top, #a1a1a1 0%, #868686 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#a1a1a1), color-stop(100%,#868686));
	background:-webkit-linear-gradient(top, #a1a1a1 0%,#868686 100%);
	background:-o-linear-gradient(top, #a1a1a1 0%,#868686 100%);
	background:-ms-linear-gradient(top, #a1a1a1 0%,#868686 100%);
	background:linear-gradient(to bottom, #a1a1a1 0%,#868686 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a1a1a1', endColorstr='#868686',GradientType=0);
	font-size:11px;
	color:#FFF;
}
#footer p { margin-top:0; }
#footer p.f-right { text-align:right; }

/*===============================
	jquery tools
=================================*/

div.scrollable { position:relative; background:/*#F0F0F0*/ url(../img/load.gif) no-repeat center; overflow:hidden; }
div.items { position:relative; width:1000%; }
div.item { float:left; position:relative; width:10%; }


.det-item{width:194px; height:28px;background:#ED4B01; font-size:11px; text-align:center; color:#FFF; margin-top:5px; padding:5px 0;}

